<template>
  <section id="myJsk3Ethfx">
    <my-test :numList="data" :type="4" :caipiaoId:='caipiaoId'></my-test>
  </section>
</template>

<script>
  import myTest from '../../../../component/mytpl.vue'
  import data from './data'
  export default {
    props: ['caipiaoTerm', 'childArr'],
    data () {
      return {
        data: data,
        caipiaoId: {
        	ticketId: 20,
        	gameType: 20,
        	gameId: 20,
        	gamePersentId: 20,
        	lotteryId: 1,
        	lhcId: 0,
        	lhcWxId: 0
        }
      }
    },
    created () {
    	this.caipiaoId.gameType = this.childArr.gameType
    	this.caipiaoId.ticketId = this.childArr.ticketId
    	this.caipiaoId.lotteryId = this.caipiaoTerm
    },
    methods: {},
    components: {
      myTest
    }

  }
</script>

<style lang="less">
  #myJsk3Ethfx{
    .select_one{
      justify-content: flex-start!important;
      .item3{
        display: none;
      }
      .item2{
        margin-left: 40px;
        width: 500px;
        text-align: left;
      }
      .item1{
        margin-left: 40px;
      }
      .el-checkbox-button__inner{
        width: 40px;
        height:30px;
        line-height: 30px;
        margin-top: 5px;
        border-radius: 10px!important;
      }
    }
  }

</style>
